<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Row Display Style Bug</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script type="text/javascript">

window.onload = function()
{
		document.getElementById( 'xToolbarRow' ).style.display = '' ;
}
	</script>
</head>
<body>
	<table style="height: 100%;" border="1">
		<tbody>
			<!-- Problem: Remove the style declaration from the following tag and it will work -->
			<tr id="xToolbarRow" style="display: none">
				<td>
					This row must take as few height as possible. It is being displayed by script once
					the page is loaded.
				</td>
			</tr>
			<!-- Workaround: Move the style declaration from the following TR to its child TD and it will work -->
			<tr style="height: 100%;">
				<td>
					This row must get the rest of the available height.
				</td>
			</tr>
		</tbody>
	</table>
</body>
</html>
